{include file="common/head" /}
  <body>
    <!-- Page-->
    {include file="common/nav" /}
	<style type="text/css">
		.newlist img{
			width: 570px;
			height: 376px;
		}
	</style>
      <section class="section-sm bg-white">
        <div class="shell-fluid shell-inset-xs-15 shell-fluid-custom">
          <h1>{$catName}</h1>
          <div class="range range-30">
            {volist name='list' id='item'}
            <div class="cell-lg-4 cell-sm-6">
              <div class="post-grid box-skew post-skew-right-bottom post-skew-var-8">
                <div class="post-grid-img-wrap newlist">
					<!-- <img src="images/grid-blog-1-570x376.jpg" alt="" width="570" height="376"/> -->
					<img style="width: 570px;height: 376px;" src="{$item.image}" alt="" width="570" height="376"/>
                </div>
                <div class="post-grid-body">
                  <div class="post-grid-header">
                    <ul class="list-tags">
                      <li><a href="{:url('index/index/news_detail', ['id'=>$item['id']])}" style="font-size: 28px;">{$item.newsname}</a></li>
                    </ul>
                  </div>
                </div>
				<a class="link-position link-dark post-link" href="new-detail.html">+</a>
				<a style="cursor: pointer;">{$item.newsname}</a>
              </div>
            </div>
            {/volist}
            <div class="cell-lg-12">
              {$page}
            </div>
          </div>
        </div>
      </section>
      <!-- Page Footer-->
      <footer class="page-footer footer-default">
        <section class="section-xs bg-gray-darker">
          <div class="shell">
            <div class="range range-30 range-around box-border-md-right">
              <div class="cell-md-4 cell-sm-5 cell-xs-10 wow fadeInUp" data-wow-delay=".2s">
                <h4>Recent posts</h4>
                      <div class="post-mini post-footer">
                        <div class="unit unit-horizontal unit-spacing-xs">
                          <div class="unit__left"><a href="#"><img src="images/user-01-70x70.jpg" alt="" width="70" height="70"/></a></div>
                          <div class="unit__body">
                            <time datetime="2017-08-25">August 25, 2017</time>
                            <p><a href="single-post.html">Cotic Releases Three New Full Suspension Bikes for Pro Riders</a></p>
                          </div>
                        </div>
                      </div>
                      <div class="post-mini post-footer">
                        <div class="unit unit-horizontal unit-spacing-xs">
                          <div class="unit__left"><a href="#"><img src="images/user-02-70x70.jpg" alt="" width="70" height="70"/></a></div>
                          <div class="unit__body">
                            <time datetime="2017-08-20">August 20, 2017</time>
                            <p><a href="single-post.html">Review: Cannondale Beast of the East 2. A Plus - Size Reboot</a></p>
                          </div>
                        </div>
                      </div>
                      <div class="post-mini post-footer">
                        <div class="unit unit-horizontal unit-spacing-xs">
                          <div class="unit__left"><a href="#"><img src="images/user-03-70x70.jpg" alt="" width="70" height="70"/></a></div>
                          <div class="unit__body">
                            <time datetime="2017-08-15">August 15, 2017</time>
                            <p><a href="single-post.html">Basic Downhill Equipment 2017. What`s New?</a></p>
                          </div>
                        </div>
                      </div>
              </div>
              <div class="cell-md-4 cell-sm-5 cell-xs-10 wow fadeInUp" data-wow-delay=".3s">
                <h4>Tags</h4>
                <ul class="list-tags">
                  <li><a href="#">Downhill</a></li>
                  <li><a href="#">Mountain bike</a></li>
                  <li><a href="#">Equipment</a></li>
                  <li><a href="#">Reviews</a></li>
                  <li><a href="#">Bike gear</a></li>
                  <li><a href="#">National champs</a></li>
                  <li><a href="#">Adult</a></li>
                  <li><a href="#">Teen</a></li>
                </ul>
                <h4>Links</h4>
                <ul class="list-marked-2 list-bold list-primary-sec list-xs-inline-block">
                  <li><a href="#">Lizard Skins</a></li>
                  <li><a href="#">6D Helmets</a></li>
                  <li><a href="#">7iDP</a></li>
                  <li><a href="#">Magura</a></li>
                  <li><a href="#">Airborne</a></li>
                  <li><a href="#">Mammoth Mountain</a></li>
                </ul>
              </div>
              <div class="cell-md-4 cell-sm-11 wow fadeInUp" data-wow-delay=".4s">
                <h4>Partners:</h4>
                <div class="footer-partners group-lg"><a href="#"><img src="images/partners-1-161x49.jpg" alt="" width="161" height="49"/></a><a href="#"><img src="images/partners-2-54x55.jpg" alt="" width="54" height="55"/></a><a href="#"><img src="images/partners-3-105x43.jpg" alt="" width="105" height="43"/></a><a href="#"><img src="images/partners-4-52x55.jpg" alt="" width="52" height="55"/></a><a href="#"><img src="images/partners-5-177x60.jpg" alt="" width="177" height="60"/></a></div>
                <h4>Newsletter</h4>
                <p>Keep up with the latest news and events.</p>
                <p>Enter your e-mail and subscribe to our newsletter.</p>
                <form class="rd-mailform form-gray-outline form-button-within-1" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
                  <div class="form-wrap">
                    <input class="form-input" type="email" name="email" data-constraints="@Email @Required">
                    <button class="button button-transparent" type="submit">Subscribe</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </section>
        <section class="footer-bottom-panel">
          <div class="shell">
            <div class="wrap-bottom-panel">
              <p>Downhill &#169; <span id="copyright-year"></span>. <a href="privacy-policy.html">Privacy Policy</a>
              </p>
                    <ul class="list-inline">
                      <li><a class="icon fa fa-facebook icon-xxs" href="#"></a></li>
                      <li><a class="icon fa fa-google-plus icon-xxs" href="#"></a></li>
                      <li><a class="icon fa fa-linkedin icon-xxs" href="#"></a></li>
                      <li><a class="icon fa fa-twitter icon-xxs" href="#"></a></li>
                    </ul>
            </div>
          </div>
        </section>
      </footer>
    </div>
    <!-- END PANEL-->
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- PhotoSwipe Gallery-->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
            <button class="pswp__button pswp__button--share" title="Share"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__cent"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Javascript-->
    {include file="common/foot" /}
  </body>
</html>